<template>
  <div>
    <show-message title="Hello World" content="我是哈哈哈"></show-message>
    <show-message title="哈哈哈" content="我是呵呵呵"></show-message>
    <show-message :title="title" :content="content"></show-message>
    <show-message v-bind="message"></show-message>
    <show-message class="我是class参数" v-bind="message"></show-message>

    <mult-root-element id="aaa"></mult-root-element>
  </div>
</template>

<script>
import MultRootElement from './MultRootElement.vue';
import ShowMessage from "./ShowMessage.vue";

export default {
  data() {
    return {
      title: "嘻嘻嘻",
      content: "我是嘻嘻嘻",
      message: {
        title: "嘿嘿嘿",
        content: "我是嘿嘿嘿",
      },
    };
  },
  components: { ShowMessage, MultRootElement },
};
</script>

<style scoped></style>
